.document-template {
  padding : 20px;
  overflow: auto;
  height  : 100%;

  .box {
    .top {
      display        : flex;
      justify-content: space-between;
      background     : #F8F8F8;
      padding        : 16px 24px;

      h3 {
        font-size: 16px;
        margin   : 0;
      }

      .ant-btn {
        background   : #1267FA;
        border-radius: 2px;
      }
    }
  }


  .content {
    background-color: #fff;
    padding         : 24px 24px 0 24px;
    display         : flex;
    flex-wrap       : wrap;

    .item {
      width          : 49%;
      display        : flex;
      justify-content: space-between;
      align-items    : center;
      border         : 2px solid #E5E5E5;
      padding        : 20px 24px;
      border-radius  : 4px;
      color          : #303133;
      margin-bottom  : 24px;

      span {
        overflow     : hidden;
        /*超出部分隐藏*/
        white-space  : nowrap;
        /*不换行*/
        text-overflow: ellipsis;
        // 显示省略号
      }

      &:hover {
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
      }

      .icon {
        display: flex;

        .nomargin {
          margin: 0;
        }

        .ant-btn {
          background: #F8F8F8;
          color     : #909399;
          border    : none;

          &:hover {
            background-color: blue;
            color           : white;
          }

          &:nth-child(3) {
            &:hover {
              background-color: #FB5138;
              ;
            }
          }
        }

      }


      &:nth-child(even) {
        margin-left: 24px;
      }
    }

  }

  ::ng-deep nz-upload.historyno {
    display    : flex;
    align-items: center;
    padding    : 0 10px;

    .ant-upload-list {
      display: none !important;
    }
  }

  .ant-empty {
    margin        : 0 auto;
    padding-bottom: 20px;
  }
}